<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户注册|登录</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
    <!-- Minify Version -->
    <link rel="stylesheet" href="css/vendor/vendor.min.css">
    <link rel="stylesheet" href="css/plugins/plugins.min.css">
    <!-- Style CSS -->
    <!-- <link rel="stylesheet" href="css/style.css"> -->
    <link rel="stylesheet" href="css/style.min.css">

</head>

<body>
    <div class="main-wrapper">
        <!-- Begin Main Header Area -->
        <div th:insert="~{header :: head}"></div>
        <!-- Main Header Area End Here -->
        <!-- Begin Main Content Area -->
        <main class="main-content">
            <div class="breadcrumb-area breadcrumb-height" data-bg-image="images/breadcrumb/bg/1-1-1920x373.jpg">
                <div class="container h-100">
                    <div class="row h-100">
                        <div class="col-lg-12">
                            <div class="breadcrumb-item">
                                <h2 class="breadcrumb-heading">登录信息</h2>
                                <ul>
                                    <li>
                                        <a href="dispatcher?url=index.html">首页<i class="pe-7s-angle-right"></i></a>
                                    </li>
                                    <li>登录|注册</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="login-register-area section-space-y-axis-100">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <form action="loginSys.do" method="post">
                                <div class="login-form">
                                    <h4 class="login-title">登录</h4>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <label>邮箱地址*</label>
                                            <input type="email" placeholder="Email地址" name="email" th:value="${email}">
                                        </div>
                                        <div class="col-lg-12">
                                            <label>密码</label>
                                            <input type="password" placeholder="密码" name="password" th:value="${password}">
                                            <span style="color: red" th:text="${#request.getAttribute('errMsg')}"></span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="check-box">
                                                <input type="checkbox" id="remember_me" name="state">
                                                <label for="remember_me">记住我</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 pt-1 mt-md-0">
                                            <div class="forgotton-password_info">
                                                <a href="javascript:void(0);"> 忘记密码?</a>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 pt-5">
                                            <button class="btn btn-custom-size lg-size btn-secondary btn-primary-hover rounded-0">登录</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-6 pt-10 pt-lg-0">
                            <form action="userReg.do" name="userReg" method="post">
                                <div class="login-form">
                                    <h4 class="login-title">注册</h4>
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <label>姓</label>
                                            <input type="text" placeholder="姓" id="fName" name="firstname">
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <label>名</label>
                                            <input type="text" placeholder="名" id="lName" name="lastname">
                                        </div>
                                        <div class="col-md-12">
                                            <label>邮件地址*</label>
                                            <input type="email" placeholder="Email Address" id="emailAddress" name="email">
                                            <span id="tips"></span>
                                            <br>
                                        </div>
                                        <div class="col-md-12">
                                            <label>手机号*</label>
                                            <input type="text" placeholder="请输入手机号" id="tel" name="tel">
                                            <br>
                                        </div>

                                        <div class="col-md-6">
                                            <label>密码</label>
                                            <input type="password" placeholder="Password" id="password" name="password">
                                        </div>
                                        <div class="col-md-6">
                                            <label>确认密码</label>
                                            <input type="password" placeholder="Confirm Password" id="confirmPassword">
                                        </div>
                                        <div class="col-12">
                                            <button type="button" class="btn btn-custom-size lg-size btn-secondary btn-primary-hover rounded-0" id="btn">注册</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- Main Content Area End Here -->

        <!-- Begin Footer Area -->
        <div th:insert="~{footer :: foot}"></div>
        <!-- Footer Area End Here -->

    </div>

    <!-- Global Vendor, plugins JS -->

    <!-- JS Files
    ============================================ -->
    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->
    <!-- <script src="js/vendor/bootstrap.bundle.min.js"></script> -->
    <!-- <script src="js/vendor/jquery-3.5.1.min.js"></script> -->
    <!-- <script src="js/vendor/jquery-migrate-3.3.0.min.js"></script> -->
    <!-- <script src="js/vendor/modernizr-3.11.2.min.js"></script> -->
    <!-- <script src="js/vendor/jquery.waypoints.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="js/plugins/wow.min.js"></script> -->
    <!-- <script src="js/plugins/jquery-ui.min.js"></script> -->
    <!-- <script src="js/plugins/swiper-bundle.min.js"></script> -->
    <!-- <script src="js/plugins/jquery.nice-select.js"></script> -->
    <!-- <script src="js/plugins/parallax.min.js"></script> -->
    <!-- <script src="js/plugins/jquery.magnific-popup.min.js"></script> -->

    <!-- Minify Version -->
    <script src="js/vendor.min.js"></script>
    <script src="js/plugins.min.js"></script>
    <script src="js/checkisnull.js"></script>
    <!--Main JS (Common Activation Codes)-->
    <!-- <script src="js/main.js"></script> -->
    <script src="js/main.min.js"></script>

</body>

</html>